.ai-item-ctn {
    /*padding-top: 8px;*/
    /*padding-bottom: 8px;*/
    height: 116px;
    /*margin-bottom: 1px;*/
    border-top: 1px solid rgba(242,242,242,1);
    position: relative;
    padding: 8px 0;
    margin: 0 12px;
}

.ai-item-header {
    height: 36px;
}

.ai-item-result-ctn {
    position: absolute;
    right: -10px;
    top: 0;
}

.ai-item-result {
    width:36px;
    height:36px;
    border-radius: 50%;
    position: relative;
    transform: rotate(-45deg);
    display: inline-block;
}

.ai-item-title {
    font-size:16px;
    font-weight:500;
    margin-right: 8px;
    color:rgba(51,51,51,1);
}

.ai-item-result span {
    font-size: 20px;
    /*line-height: 36px;*/
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ai-item-result-correct {
    border: 1px solid #FA7268;
}

.ai-item-result-correct span {
    color: #FA7268;
}

.ai-item-result-false {
     border: 1px solid rgba(51,51,51,0.3);
 }

.ai-item-result-false span {
    color: rgba(51,51,51,0.3);
}

.ai-item-result-zou {
    border: 1px solid #FFA500;
}

.ai-item-result-zou span {
    color: #FFA500;
}

.ai-item-bottom {
    margin: 5px auto;
}

.ai-item-rate-arr {
    position: absolute;
    right: 15px;
}

.ai-item-rate-arr span {
    font-size: 12px;
    color: #333;
    opacity: 0.6;
    margin-left: 30px;
}

.ai-item-rate-arr span:first-of-type{
    margin-left: 0;
}
